//less中的单行注释
/*这个注释也适用*/
.box1
{
    background-color: #bfa;
    .box2
    {
        background-color: #ff0;
        .box4
        {
            background-color: red;
        }
    }
    .box3
    {
        background-color: orange;
    }
}
//变量，在变量中可以存出一个任意的值
//并且我们可以在需要时，任意的修改变量中的值
//变量的语法：@变量名
@a:100px;
@b:#bfa;
@c:box6;
.box5
{
    /*使用变量时，如果是直接使用，则以@变量名 的形式直接使用*/
    width: @a;
    color: @b;
}
.@{c}
{
    /*作为类名，或者一部分值使用时必须以@{变量名}的形式使用*/
    width: @a;
    color: @b;
}
/*在变量发生重名时，会优先使用比较近的变量*/
/*在不定义变量时，可以使用的引用方法*/
div
{
    width: 300px;
    height: $width;
}